<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/jb.css">
    <link rel="stylesheet" href="./css/gg.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>
<body>
    <!-- header开始 -->
    <div class="header">
        <div class="sosk">
            <div class="log">
                <h1>
                    <a href="">小米</a>
                </h1>
            </div>
            <div class="ss">
                <img src="./img/fd.jpg" alt="">
                <input type="text" placeholder="搜索商品名称">
            </div>
            <div class="dr">
                
            </div>
           
        </div>
        <div class="tixi">
            <div class="tis1 first"><a href="#">推荐</a></div>
            <div class="tis1"><a href="#">推荐</a></div>
            <div class="tis1"><a href="#">推荐</a></div>
            <div class="tis1"><a href="#">推荐</a></div>
            <div class="tis1"><a href="#">推荐</a></div>
            <div class="tis1"><a href="#">推荐</a></div>
        </div>
    </div>
    <!-- header结束 -->
    <!-- content开始 -->
    <div class="content">
        <div class="focus">
            <ul>
                <li>
                    <img src="./img/banner01.jpg" alt="">
                </li>
            </ul>
           <ul class="yudian">
               <li>
                   <a href="#"></a>
               </li>
               <li>
                   <a href="#"></a>
               </li>
               <li>
                   <a href="#"></a>
               </li>
           </ul>
        </div>
        <div class="fenlei">
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
            <div class="fenlei1">
                <img src="./img/pr1.png" alt="">
            </div>
           
            
        </div>
        <div class="zcp">
            <div class="zcp1">
                <img src="./img/t1 (2).jpg" alt="">
            </div>
            <div class="zcp2">
                <img src="./img/t3.jpg" alt="">
                
            </div>
            <div class="zcp2">
                <img src="./img/t2.webp" alt="">
                
            </div>
            <div class="zcp2">
                <img src="./img/t2.webp" alt="">
                
            </div>
            <div class="zcp2">
                <img src="./img/t3.jpg" alt="">
                
            </div>

        </div>
        <div class="cp2">
            <div class="item">
                <img src="./img/pre1.jpg" alt="">
                <p>Redmin 7</p>
                <p>四曲面陶瓷机身，骁龙845</p>
                <p>￥699起<del>￥3999</del></p>
                
                <p>
                    <a href="#">立即购买</a>
                </p>
                
            </div>
            <div class="item">
                <img src="./img/pre1.jpg" alt="">
                <p>Redmin 7</p>
                <p>四曲面陶瓷机身，骁龙845</p>
                <p>￥699起<del>￥3999</del></p>
                
                <p>
                    <a href="#">立即购买</a>
                </p>
                
            </div>
            <div class="item">
                <img src="./img/pre1.jpg" alt="">
                <p>Redmin 7</p>
                <p>四曲面陶瓷机身，骁龙845</p>
                <p>￥699起<del>￥3999</del></p>
                
                <p>
                    <a href="#">立即购买</a>
                </p>
                
            </div>
            <div class="item">
                <img src="./img/pre1.jpg" alt="">
                <p>Redmin 7</p>
                <p>四曲面陶瓷机身，骁龙845</p>
                <p>￥699起<del>￥3999</del></p>
                
                <p>
                    <a href="#">立即购买</a>
                </p>
                
            </div>
        </div>
    </div>
    
    <!-- footer开始 -->
    <div class="footer">
        <div class="aa ag">
            <a href="">
                <img src="./img/nav-1.png" alt="">
            </a>
            <a>首页</a>    
        </div>
        <div class="ag">
            <a href="">
                <img src="./img/nav-2.png" alt="">
            </a>
            <a>分类</a> 
        </div>
        <div class="ag">
            <a href="">
                <img src="./img/nav-3.png" alt="">
            </a>
            <a>购物车</a> 
        </div>
        <div class="ag">
            <a href="">
                <img src="./img/nav-4.png" alt="">
            </a>
            <a>我的</a> 
        </div>
    </div>
   <!-- footer结束 -->
   <script src="../day24/jquery-1.12.4.js"></script>
   <script>
       $(function(){
           $(".content").on("scroll",function(){
                // console.log($(".content").scrollTop())
                if($(".content").scrollTop()+$(".content").outerHeight()>=$(".content").get(0).scrollHeight-3){
                    

                }

           })
        
       })
   </script>
</body>
</html>